@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

/*
 * Global Settings
 */
body { margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; font-size:90%; color:#241F20; }
a {
	color:#005CB9; text-decoration:none;
	}
	a:link { color:#005CB9; text-decoration:none; }
	a:visited { color:#005CB9; text-decoration:none; }
	a:active { color:#005CB9; text-decoration:none; }
	a:hover { color:#005CB9; text-decoration:underline; }
	a img { border:none;
}
p { margin:0; padding:0; }

.linklet:hover { cursor:pointer; color:#005CB9; }
.button-action {
	border:0; background-color:#6DA7D4; color:#FFFFFF; }
	.button-action:hover { background-color:#3C8AC5;
}
.button-normal {
	border:0; background-color:#BCBEC0; color:#FFFFFF; }
	.button-normal:hover { background-color:#AAAAAA;
}
.NoSelection {
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;
	-moz-user-select:moz-none; -ms-user-select:none; user-select: none;
}
.TextSelection {
	-webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text;
	-moz-user-select:moz-text; -ms-user-select:text; user-select: text;
}
.shake {
	animation-name: shake; 
	animation-duration: 100ms; 
	animation-iteration-count: 3; 
	animation-timing-function: linear;
 
	-moz-animation-name: shake; 
	-moz-animation-duration: 100s; 
	-moz-animation-iteration-count: 3; 
	-moz-animation-timing-function: linear;
 
	-webkit-animation-name: shake;
	-webkit-animation-duration: 100ms;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-timing-function: linear;
	}
	@keyframes shake { 
		0% { transform: translate(3px, 0); }
		50% { transform: translate(-3px, 0); }
		100% { transform: translate(0, 0); }
	} 
	@-moz-keyframes shake { 
		0% { -moz-transform: translate(3px, 0); }
		50% { -moz-transform: translate(-3px, 0); }
		100% { -moz-transform: translate(0, 0); }
	}
	@-webkit-keyframes shake {
		0% { -webkit-transform: translate(3px, 0); }
		50% { -webkit-transform: translate(-3px, 0); }
		100% { -webkit-transform: translate(0, 0); }
}
.ProgressBar { background:#F1F1F1 url() center no-repeat; }



/*
 * Responsive Configurations
 */
@media screen { /* 1280 above */
	#navigation { right:150px; left:150px; text-align:center; }
	#BDListWrapper { width:418px; }
	#BDLoadingContent, #BDContentWrapper { left:500px; }
	#BDPost, #BDFooter .footerBox, #BDComposePost, #BDEditPost { width:740px; }
}
@media screen and (max-width:1280px) { /* 1180 - 1280 */
	#navigation { /* fall through */ }
	#BDListWrapper { width:358px; }
	#BDLoadingContent, #BDContentWrapper { left:440px; }
	#BDPost, #BDFooter .footerBox, #BDComposePost, #BDEditPost { width:700px; }
}
@media screen and (max-width:1180px) { /* 1080 - 1180 */
	#navigation { /* fall through */ }
	#BDListWrapper { width:318px; }
	#BDLoadingContent, #BDContentWrapper { left:400px; }
	#BDPost, #BDFooter .footerBox, #BDComposePost, #BDEditPost { width:640px; }
}
@media screen and (max-width:1080px) { /* 980 - 1080 */
	#navigation { right:auto; left:10px; text-align:left; }
	#BDListWrapper { width:318px; }
	#BDLoadingContent, #BDContentWrapper { left:400px; }
	#BDPost, #BDFooter .footerBox, #BDComposePost, #BDEditPost { width:560px; }
}
@media screen and (max-width:980px) { /* 980 below */
	/* TODO mobile  */
	#header, #BDControlWrapper, #BDListWrapper, #BDLoadingContent, #BDContentWrapper { position:absolute !important; }
	#header { min-width:980px }
	#BDContentWrapper { min-width:580px; }
}



/*
 * index.php
 */
#splash {
	position:fixed; top:0; right:0; bottom:0; left:0; z-index:100;
	}
	#splash span {
		position:absolute; top:50%; right:0; left:0; margin-top:-55px; text-align:center;
}

#header {
	position:fixed; top:0; right:0; left:0; height:40px; z-index:10;
	background-color:#58595B; font-size:0.9em;
}
#navigation {
	position:absolute; top:0; bottom:0; padding-top:13px; height:27px;
	}
	#navigation ul { margin:0; padding:0; }
	#navigation li { display:inline; margin:0; padding:0; list-style-type:none; }
	#navigation a { padding:0 7px 0 7px; color:#FFFFFF; }
	#navigation a:hover { color:#D8D14D; text-decoration:none; }
	#navigation .selected a { color:#D8D14D;
}
#login {
	position:absolute; top:0; right:10px; bottom:0;
	padding-top:13px; height:27px; text-align:right;
	}
	#login .userName { color:#D8D14D !important; }
	#login span { margin:0 7px 0 7px; color:#FFFFFF; }
	#login span:hover { color:#D8D14D; cursor:pointer;
}


/*
 * home.html
 */
#HMView {
	min-width: 980px;
	margin-top:40px; }

#HMBannerWrapper {
	/height:320px; background:url('assets/hm_logo.png') center no-repeat;
	padding:10px 0 10px 0; height:363px; text-align:center;
	}
	#HMBannerWrapper .HMQuickMessage {
		padding:15px; margin:40px 0 -40px 0;
		background-color:#E2E2E2; text-align:center; color:#009D46; font-size:1.2em;
}

#HMFirstWrapper {
	background-color:#F1F1F1;
	border-width:1px 0 1px 0; border-style:solid; border-color:#DDDDDD;
	}
	#HMFirstWrapper .boardName a { font-size:1.85em; font-weight:bold; color:#58595B; text-decoration:none; }
	#HMFirstWrapper .boardName a:hover { color:#0B6DB7;
}
#HMFirstOuterBox { margin:0 auto; width:980px; }
#HMFirstInnerBox { margin:36px 0 36px 0; overflow:hidden; }

#HMNews {
	float:left; width:489px; border-right:2px solid #DDDDDD;
	padding-bottom:100%; margin-bottom:-100%;
	}
	#HMNews ul { margin:28px 0 0 0; padding:0; }
	#HMNews li {
		margin:0 0 20px 0; padding:18px 18px 8px 18px; width:410px; list-style-type:none;
		border:2px solid #EAEDF1; background-color:#FFFFFF;
	}
	#HMNews .heading {
		position:relative; margin-bottom:10px; /*overflow:hidden;*/ /**/height:27px;/**/ z-index:1;
		font-weight:bold; font-size:1.25em;
	}
	#HMNews .underline {
		position:absolute; right:0; bottom:0; left:0; height:2px; z-index:-1;
		background-color:#EAEDF1;
	}
	#HMNews .date {
		/*float:left;*/ /**/position:absolute; top:0; bottom:0; left:0;/**/
		padding-bottom:5px; border-bottom:3px solid #5D3462; color:#7D5D81;
	}
	#HMNews .title {
		/*float:left;*/ /**/position:absolute; top:0; right:0; bottom:0; left:67px;/**/ padding:0 0 5px 14px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}
		#HMNews .title a { color:#58595B; text-decoration:none; }
		#HMNews .title a:hover { color:#0B6DB7;
	}
	#HMNews .preview {
		overflow:hidden; font-size:0.9em; line-height:1.5em; max-height:4.5em; color:#58595B;
		font-family:'Malgun Gothic', sans-serif;
	}
	#HMNews .continue {
		margin-top:5px; text-align:right; font-size:0.8em;
		}
		#HMNews .continue a { color:#808285; text-decoration:none; }
		#HMNews .continue a:hover { color:#0B6DB7; text-decoration:none;
	}
	#HMNews .expand {
		height:20px; cursor:pointer;
		background:url() center no-repeat;
}

#HMQna {
	float:left; margin-left:40px; width:449px;
	padding-bottom:100%; margin-bottom:-100%;
	}
	#HMQna ul { margin:28px 0 0 0; padding:0; }
	#HMQna li {
		margin:0 0 10px 0; padding:0; width:446px; list-style-type:none;
		border:2px solid #EAEDF1; background-color:#FFFFFF;
	}
	#HMQna .container { padding:8px 10px 8px 13px; border-left:5px solid #ED9149; }
	#HMQna .title a { font-weight:bold; font-size:1.1em; color:#58595B; text-decoration:none; }
	#HMQna .title a:hover { color:#0B6DB7; }
	#HMQna .answers { margin-left:5px; color:#ED9149; font-size:0.9em;
}


#HMSecondWrapper { margin:80px 0 80px 0; }
#HMSecondBox {
	margin:0 auto; width:980px;
	}
	#HMSecondBox .row { overflow:hidden; border-bottom:1px solid #D1D3D4;* }
	#HMSecondBox .col { float:left; margin-bottom:-100%; padding:18px 19px 100% 19px; width:287px; }
	#HMSecondBox .top { border-top:1px solid #D1D3D4; }
	#HMSecondBox .right { border-right:1px solid #D1D3D4; }
	#HMSecondBox .bottom { /*border-top:1px solid #D1D3D4; border-bottom:1px solid #D1D3D4;*/ }
	#HMSecondBox .left { border-left:1px solid #D1D3D4; }
	#HMSecondBox .mid { border-left:1px solid #D1D3D4; border-right:1px solid #D1D3D4; width:288px !important; }

	#HMSecondBox .heading { border-bottom:1px solid #D1D3D4; padding-bottom:12px; margin-bottom:20px; }
	#HMSecondBox .heading a { display:block; overflow:hidden; }
	#HMSecondBox .boardName {
		float:left; height:30px;
		font-size:1.6em; font-weight:bold;
	}
	#HMSecondBox .more {
		float:right; height:24px; padding-top:6px;
		font-size:1.1em; font-weight:bold; color:#D1D3D4;
		}
		#HMSecondBox a:hover .more {
			color:#A7A9AC;
	}
	#HMSecondBox .ahs { color:#00A6A9; }
	#HMSecondBox .art { color:#ED9149; }
	#HMSecondBox .eng { color:#5D3462; }
	#HMSecondBox .env { color:#99AD40; }
	#HMSecondBox .math { color:#DB4E9C; }
	#HMSecondBox .sci { color:#0B6DB7; }

	#HMSecondBox ul { margin:0; padding:0 0 15px 0; }
	#HMSecondBox li { position:relative; height:22px; margin:0 0 6px 0; padding:0; list-style-type:none; }
	#HMSecondBox .date {
		position:absolute; top:2px; bottom:0; left:1px; width:48px;
		font-size:0.8em; color:#808285; 
	}
	#HMSecondBox .title {
		position:absolute; top:0; right:0; bottom:0; left:49px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}
		#HMSecondBox .title a { color:#58595B; text-decoration:none; font-size:0.9em; }
		#HMSecondBox .title a:hover { color:#0B6DB7;
}


#HMFooterWrapper {
	padding-bottom:30px; background-color:#58595B; color:#FFFFFF; line-height:150%; font-size:0.9em;
	}
	#HMFooterWrapper .footerBox {
		margin:0 auto; width:980px;
}



/*
 * about.html
 */
#ABView {
	position:fixed; top:40px; right:0; bottom:0; left:0; color:#58595B;
	overflow:scroll;
}
#ABImageWrapper {
	text-align:center; font-size:0;
}
#ABFooterWrapper {
	padding-bottom:30px; background-color:#58595B; color:#FFFFFF; line-height:150%; font-size:0.9em;
	}
	#ABFooterWrapper .footerBox {
		margin:0 auto; width:980px;
}
/*#ABView div {
	position:absolute; width:100%; top:50%; margin-top:-50px; z-index:1;
	font-size:2.0em; font-weight:bold; text-align:center;
}*/


/*
 * board.html
 */
#BDView { }

#BDControlWrapper {
	position:fixed; top:40px; bottom:0; left:0; width:80px; padding:20px 0 20px 0;
	background-color:#93969D; color:#FFFFFF;
}
#BDControlWrapper .divider { width:100%; height:40px; }
#BDControlWrapper input[type="button"] {
	width:80px; height:80px; padding-top:50px;
	border:0; font-size:0.9em; color:#FFFFFF;
	}
	#BDControlWrapper input[type="button"]:hover {
		background-color:#797D84;
}
#BDWriteButton { background:url('assets/bd_write.png') center no-repeat; background-color:#84888F; }
#BDWriteDisabledButton { color:#939598 !important; background:url('assets/bd_write_disabled.png') center no-repeat; background-color:#84888F !important; }
#BDSearchButton { background:url('assets/bd_search.png') center no-repeat; }
#BDTagButton { background:url('assets/bd_tag.png') center no-repeat; }


#BDListWrapper {
	position:fixed; top:40px; bottom:0; left:80px; /*width:358px;*/
	background-color:#FFFFFF; border-right:2px solid #EAEDF1;
}
#BDModuleLabel {
	position:absolute; top:0; right:0; left:0; height:50px; background-color:#6DA7D4;
	color:#FFFFFF; font-size:1.35em; text-align:center; line-height:2.8em;
}

#BDSearchBox {
	position:absolute; top:0; right:0; left:0; height:50px; background-color:#6DA7D4;
	color:#FFFFFF; font-size:1.35em; text-align:center; line-height:2.8em;
}
#BDSearchFieldWrapper {
	position:absolute; top:7px; right:10px; bottom:7px; left:10px; line-height:1.0em;
	}
	#BDSearchField {
		margin:0; padding:3px 10px 3px 40px; width:100%; height:100%;
		background:#609AC5 url('assets/bd_search2.png') left no-repeat;
		font-size:0.9em; color:#FFFFFF; border:0; border-radius:5px;
		box-sizing:border-box; -moz-box-sizing:border-box;
		}
		#BDSearchField.searching {
			background-image:url('assets/bd_searching.gif');
}
#BDSearchOptionBox {
	position:absolute; top:50px; right:0; left:0; padding-top:5px; height:25px;
	color:#58595B; font-size:0.8em; text-align:center;
	}
	#BDSearchOptionBox label {
		margin-right:5px;
}
#BDGradientTop {
	position:absolute; top:60px; right:0; left:0; height:5px; 
	background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(227,228,229,1) 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(227,228,229,1)));
	background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	background: -o-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	background: -ms-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e5', endColorstr='#00ffffff',GradientType=0 );
	}
	#BDGradientTop.searchShowing { top:80px;
}

#BDList {
	position:absolute; top:60px; right:0; bottom:60px; left:0;
	padding:0; border-top:1px solid #D1D3D4; overflow-y:auto;
	}
	#BDList.searchShowing { top:80px; }
	#BDList.tagShowing { bottom:150px; }
	#BDList.loading { background:url() center no-repeat; }
	#BDList ul { margin:0; padding:0; }
	#BDList a { display:block; text-decoration:none; }
	#BDList li { margin:0; padding:0; list-style-type:none; border-bottom:1px solid #D1D3D4; }
	#BDList li:hover { background-color:#F1F1F1; }
	#BDList li.empty { padding:10px 0 10px 0; text-align:center; }
	#BDList li.selected { background-color:#F1F1F1; }
	#BDList li.loading { background-color:#F1F1F1; /* no effect */ }

	#BDList .listItemBox { position:relative; padding:10px 0 10px 20px; height:75px; }
	#BDList .listItemLeftBox { margin-right:40px; }
	#BDList .listItemRightBox { position:absolute; top:0; right:5px; bottom:0; width:35px; }
	#BDList .pinnedHeader {
		display:inline-block; padding:2px 5px 2px 5px; border:0; border-radius:3px;
		font-size:0.8em; color:#FFFFFF; background-color:#C53C46;
	}
	#BDList .title {
		margin-bottom:6px; font-size:1.05em; font-weight:bold; color:#3C8AC5;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}	
		#BDList .pinned .title {
			/*padding-left:22px; background:url('assets/bd_pinned.png') left no-repeat;*/
	}
	#BDList .detail { margin-bottom:7px; font-size:0.75em; color:#808285; }
	#BDList .detail.hasFiles {
		padding-left:18px;
		background:url() left no-repeat;
	}
	#BDList .preview {
		margin-bottom:2px; overflow:hidden;
		font-size:0.8em; line-height:1.35em; max-height:2.7em; color:#58595B;
		font-family:'Malgun Gothic', sans-serif;
	}
	#BDList .comments {
		 padding-top:35px; font-weight:bold; color:#939598; font-size:1.3em; text-align:center;
}
#BDGradientBottom {
	position:absolute; right:0; bottom:60px; left:0; height:5px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(227,228,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(227,228,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(227,228,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e3e4e5',GradientType=0 );
	}
	#BDGradientBottom.tagShowing { bottom:150px;
}

#BDTagBox {
	position:absolute; right:0; bottom:60px; left:0; height:84px; padding:5px 10px 0 10px;
	border-bottom:1px solid #D1D3D4; overflow-y:auto;
	}
	#BDTagBox span {
		display:inline-block; padding:2px 10px 1px 10px; height:16px; margin:6px 3px 0 3px;
		cursor:pointer; border-radius:3px; font-size:0.8em; color:#FFFFFF; background-color:#CCCCCC;
	}
	#BDTagBox span:hover, #BDTagBox span.selected { background-color:#6DA7D4;  }
#BDPager {
	position:absolute; right:0; bottom:0; left:0; padding-top:10px; height:50px;
	text-align:center;
	}
	#BDPager span {
		padding:10px; font-size:1.2em; font-weight:bold; cursor:pointer;
		}
		#BDPager span:hover { color:#3C8AC5; }
		#BDPager span.selected {
			font-size:1.8em; color:#D1D3D4;
}


#BDLoadingContent {
	position:fixed; top:40px; right:0; bottom:0; /*left:440px;*/
}
#BDContentWrapper {
	position:fixed; top:40px; right:0; bottom:0; /*left:440px;*/
	background-color:#F1F1F1; overflow-y:auto;
}
#BDNoPost {
	margin:30px 0 30px 0; text-align:center; font-size:2.0em; font-weight:bold; color:#808285;
}
#BDPost {
	margin:0 auto; /*width:700px;*/
}
#BDPost .postBox {
	margin:30px 0 30px 0; padding:30px 30px 10px 30px;
	background-color:#FFFFFF; border:2px solid #EAEDF1;
	}
	#BDPost .pinnedString { color:#C53C46; }
	#BDPost .title { margin-bottom:20px; font-size:1.8em; font-weight:bold; word-wrap:break-word; }
	#BDPost .detail { 
		position:relative; margin-bottom:20px; overflow:visible; z-index:1;
		display: inline-block; width: 100%; 
	}
	#BDPost .underline {
		position:absolute; right:0; bottom:0; left:0; height:2px; z-index:-1;
		background-color:#EAEDF1;
	}
	#BDPost .namecard {
		 padding: 8px 12px; display: none; z-index: 10;
		 background: #58595B; position: absolute; top: -40px; left: -10px; 
		border-radius: 2px; font-size: 0.75em; color: white; text-decoration: none; 
		-webkit-box-shadow: 0 5px 10px 0 rgba(234,237,241,0.7); -moz-box-shadow:0 5px 10px 0 rgba(234,237,241,0.7);
		box-shadow:0 5px 10px 0 rgba(234,237,241,0.7);
	}
	#BDPost .namecard:after {
		content: ""; position: absolute; bottom: -10px; left: 15px; border-style: solid;
		border-width: 12px 10px 0; border-color: #58595B transparent;
		display: block; width: 0; z-index: 9; 
	}
	#BDPost .author {
		float:left; padding-bottom:5px; border-bottom:3px solid #00A6A9;
		font-weight:bold; font-size:1.05em; color:#00A6A9;
		}
		#BDPost .author a { color:#00A6A9; text-decoration:none; }
		#BDPost .author a:hover { color:#216C6D; text-decoration:none; }
	#BDPost .date {
		float:right; padding:4px 0 5px 0; color:#808285; font-size:0.8em;
	}
	#BDPost .linklet { padding:0 4px 0 4px; }
	#BDPost .content {
		margin-bottom:40px; font-size:0.95em; line-height:1.5em;
		font-family:'Malgun Gothic', sans-serif; word-wrap:break-word;
		}
		#BDPost .content img { max-width:100%;
	}
	#BDPost .file {
		background-color:#F1F1F1; margin-bottom:20px; padding:10px 15px 10px 15px; word-wrap:break-word;
		}
		.file div { margin:10px 0 10px 0; font-size:0.9em; }
		.file div span { font-weight:bold; }
		.file div a { padding-left:10px;
	}
	#BDPost .tag {
		padding-left:30px; margin-bottom:20px; height:22px; font-size:0.9em; line-height:1.8em;
		background:url('assets/bd_tag2.png') left no-repeat;
}

#BDPost .commentCount {
	margin-bottom:30px; font-size:1.6em; color:#A7A9AC;
}

#BDPost .commentBox {
	margin:0 0 30px -40px;
	}
	#BDPost .commentUl { padding:0; margin-left:40px; }
	#BDPost .commentLi { padding:0; margin:0; list-style-type:none; }
	#BDPost .commentListItem {
		margin:10px 0 5px 0; padding:20px 30px 20px 30px;
		background-color:#FFFFFF; border:2px solid #EAEDF1;
		}
		#BDPost .commentListItem .content ul {
			list-style-type:disc;
	}
	#BDPost .commentBox .content { margin-bottom:20px; }
	#BDPost .commentBox .reply { text-align:right; color:#7D5D81; font-weight:bold; }
	#BDPost .commentBox .reply .linklet:hover { color:#740981;
}

#BDFooter {
	padding-bottom:30px; color:#808285; line-height:150%; font-size:0.9em;
	}
	#BDFooter .footerBox { margin:0 auto; /*width:700px;*/ }
	#BDFooter .footerTitle { font-weight:bold; }
	#BDFooter .contactItem a { color:#808285;
}


#BDComposePost {
	margin:0 auto; /*width:700px;*/ height:100%; position:relative;
	}
	#BDComposePost #composeBox {
		position:absolute; top:30px; right:0; bottom:30px; left:0;
}


#BDEditPost {
	margin:0 auto; /*width:700px;*/ height:100%; position:relative;
	}
	#BDEditPost #editBox {
		position:absolute; top:30px; right:0; bottom:30px; left:0;
}




/* Board: Editor Template */
.editorWrapper {
	position:absolute; top:0; right:0; bottom:0; left:0; background-color:#F1F1F1;
}
.editorTitle {
	position:absolute; top:0; right:0; left:0;
	border-width:1px; border-style:solid; border-color:#CCCCCC; background-color:#FFFFFF;
	}
	.editorTitle input[type="text"] {
		padding:5px 10px 5px 10px; margin:0; width:100%; height:48px;
		box-sizing:border-box; -moz-box-sizing:border-box; border:0; font-size:1.2em;
}
.editorControl {
	position:absolute; top:50px; right:0; left:0; padding:6px 5px 4px 5px; height:30px;
	border-width:0 1px 0 1px; border-style:solid; border-color:#CCCCCC; color:#AAAAAA;
	}
	.editorControl .iconContainer { float:left; position:relative; }
	.editorControl .iconDivider {
		float:left; margin:5px 10px 5px 10px; width:1px; height:20px;
		background-color:#D1D3D4;
}
.editorContent {
	position:absolute; top:90px; right:0; bottom:74px; left:0;
	padding:10px; z-index:1; overflow-y:scroll; 
	border-width:1px; border-style:solid; border-color:#CCCCCC; background-color:#FFFFFF;
	font-family:'Malgun Gothic', sans-serif;
	}
	.editorContent img { max-width:100%; }
	.editorContent.fileExists {
		bottom:145px !important;
}
.editorFile {
	position:absolute; right:0; bottom:74px; left:0; height:70px; padding:0;
	border-width:0 1px 1px 1px; border-style:solid; border-color:#CCCCCC;
	background-color:#FFFFFF; overflow-y:auto;
}
.editorSelectedTags {
	position:absolute; right:0; bottom:43px; left:0; height:30px; padding:0;
	border-width:0 1px 1px 1px; border-style:solid; border-color:#CCCCCC; background-color:#FFFFFF;
	}
	.editorSelectedTags .selectedTags {
		margin-left:5px; padding:0 10px 0 30px; height:30px;
		background:url('assets/bd_tag2.png') left no-repeat;
	}
	.editorSelectedTags .selectedTags .selectedTagsNone {
		padding:8px 6px 0 6px; font-size:0.8em; cursor:text;
}
.editorAvailableTags {
	position:absolute; overflow-y:auto; z-index:1;
	right:-1px; bottom:-17px; left:-1px; height:60px; padding:0 10px 0 35px;
	border-width:1px 1px 1px 1px; border-style:solid; border-color:#CCCCCC;
	background-color:#FFFFFF;
}
.selectedTagItem, .availableTagItem {
	display:inline-block; padding:2px 10px 1px 10px; height:16px; margin:6px 3px 0 3px;
	cursor:pointer; border-radius:3px; font-size:0.8em; color:#FFFFFF; background-color:#CCCCCC;
}
.editorAction {
	position:absolute; right:0; bottom:0; left:0; text-align:center;
	}
	.editorAction input[type="button"] {
		margin:12px 5px 1px 5px; width:90px; height:30px; font-size:0.9em;
		border:0; border-radius:3px;
}


/* Board: Commenter Template */
.commenterWrapper {
	margin:11px 1px 1px 1px; border:1px solid #CCCCCC; border-radius:1px; background-color:#F1F1F1;
}
.commenterControl {
	padding:0 5px 0 5px; margin:6px 0 4px 0; height:32px;
	}
	.commenterControl .iconContainer { float:left; position:relative; }
	.commenterControl .iconDivider {
		float:left; margin:5px 10px 5px 10px; width:1px; height:20px;
		background-color:#D1D3D4;
}
.commenterContent {
	padding:5px 5px 35px 5px; line-height:1.5em;
	border-width:1px 0 1px 0; border-style:solid; border-color:#CCCCCC; background-color:#FFFFFF;
	font-family:'Malgun Gothic', sans-serif;
	}
	.commenterContent img { max-width:100%; }
	.commenterContent ul {
		list-style-type:disc;
}
.commenterFile {
	padding:0 0 8px 0; overflow-y:auto; background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
.commenterAction {
	text-align:center;
	}
	.commenterAction input[type="button"] {
		margin:9px 5px 9px 5px; width:75px; height:28px; font-size:0.9em;
		border:0; border-radius:3px;
}


/* Board: WYSIWYG Template */
.wys-icon {
	width:29px; height:29px;
	border:1px solid #F1F1F1; border-radius:2px; background-color:#F1F1F1;
	}
	.wys-icon:hover {
		background-color:#EAEAEA; border:1px solid #D1D3D4;
}
.wys-bold { background:url('assets/wys_bold.png') center no-repeat; }
.wys-italic { background:url('assets/wys_italic.png') center no-repeat; }
.wys-underline { background:url('assets/wys_underline.png') center no-repeat; }
.wys-left { background:url('assets/wys_left.png') center no-repeat; }
.wys-center { background:url('assets/wys_center.png') center no-repeat; }
.wys-right { background:url('assets/wys_right.png') center no-repeat; }
.wys-ul { background:url('assets/wys_ul.png') center no-repeat; }
.wys-ol { background:url('assets/wys_ol.png') center no-repeat; }
.wys-indent { background:url('assets/wys_indent.png') center no-repeat; }
.wys-outdent { background:url('assets/wys_outdent.png') center no-repeat; }
.wys-attach {
	width:70px !important; padding-left:26px; font-size:0.9em;
	background:url('assets/wys_attach.png') left no-repeat;
}
.uploader { position:absolute; width:0; height:0; }
.uploadInfo {
	display:none; position:absolute; top:30px; left:0; padding:10px; width:250px; z-index:5;
	border:1px solid #CCCCCC; background-color:#FFFFFF; color:#58595B; font-size:0.9em;
}


/* Board: File Template */
.fileItem {
	display:inline-block; position:relative; padding:3px 10px 4px 10px; height:16px; margin:8px 0 0 10px;
	font-size:0.8em; border:1px solid #CCCCCC;
	}
	.fileItem .linklet { color:#3C8AC5; text-decoration:underline; }
	.fileItem .linklet:hover {
		color:#005CB9;
}
.fileName { margin-right:7px; height:100%; font-weight:bold; }
.fileInsert { margin-right:3px; }
.fileProgress { position:absolute; right:-1px; bottom:-1px; left:-1px; height:4px; z-index:1; }
.fileProgressFill { display:block; height:100%; background-color:#00A6A9; }


/* Footer Template */
.footerTitle { margin:0; padding:0 0 15px 0; font-size:1.45em; }
.sponsors {
	padding:40px 0 0 0; overflow:hidden;
	}
	.sponsors .placeholder {
		float:left; width:120px; height:80px; margin:0 20px 20px 0;
		background-color:#DDDDDD; border:2px solid #D1D3D4;
}
.contacts {
	padding:30px 0 0 0; overflow:hidden;
	}
	.contacts .contactItem {
		float:left; width:240px;
		}
		.contacts .contactItem a {
			color:#FFFFFF;
}
.copyright {
	padding:50px 0 0 0; overflow:hidden;
	}
	.copyright span {
		font-family:'Georgia', serif !important;
}


/*
 * Popovers
 */
#loginView {
	position:fixed; top:35px; right:30px; width:330px; height:320px; z-index:39;
	background:url('assets/user_popover.png') center no-repeat; text-align:center; color:#58595B;
	}
	#loginView .linklet {
		margin-top:5px; color:#0B6DB7; font-size:0.8em;
		}
		#loginView .linklet:hover {
			text-decoration:underline; 
	}
	#loginView .failMessage { margin-top:5px; color:#CE0018; font-size:0.8em; }
	#loginView .successMessage { margin-top:5px; color:#009D46; font-size:0.8em; }
	#loginBox {
		position:absolute; top:35px; left:30px; bottom:5px; right:30px;
		}
		#loginBox input[type="text"], #loginBox input[type="password"] {
			padding:2px; width:100%; height:100%; border:2px solid #D1D3D4;
			box-sizing:border-box; -moz-box-sizing:border-box; font-size:0.9em; color:#58595B;
		}
		#loginBox input[type="button"], #loginBox input[type="submit"] {
			margin:5px; width:90px; height:30px; font-size:0.9em;
			border:0; border-radius:3px;
		}
		#login1 { margin-top:25px; }
		#loginOr {
			margin-top:15px; height:30px; overflow:hidden;
			}
			#loginOr #leftHr { float:left; width:111px; margin:14px 0 15px 0; height:1px; background-color:#D1D3D4; }
			#loginOr #rightHr { float:right; width:111px; margin:14px 0 15px 0; height:1px; background-color:#D1D3D4; }
			#loginOr #or { float:left; margin:5px 10px 0 10px; font-size:1.2em;	
		}
		#login2 {
			margin:15px 0 10px 0;
			}
			#login2 .row { margin-top:10px; overflow:hidden; }
			#login2 .label {
				float:left; width:70px; margin-top:8px; height:22px; text-align:left; font-size:1.0em;
			}
			#login2 .field {
				float:left; width:200px; height:30px;
	}
	#forgotPasswordBox {
		position:absolute; top:80px; left:30px; bottom:5px; right:30px;
		}
		#forgotPasswordBox .instruction { font-size:0.9em; line-height:1.5em; }
		#forgotPasswordBox .row { margin:15px 0 15px 0; }
		#forgotPasswordBox input[type="text"] {
			margin:5px; padding:2px; width:170px; height:30px; border:2px solid #D1D3D4;
			box-sizing:border-box; -moz-box-sizing:border-box; font-size:0.9em; color:#58595B;
		}
		#forgotPasswordBox input[type="button"] {
			margin-top:15px; width:60px; height:30px; font-size:0.9em;
			border:0; border-radius:3px;
		}
	

#signUpView {
		position:fixed; top:0; right:0; bottom:0; left:0; z-index:40; color:#58595B;
		background-color:#F1F1F1;
	}
	#signUpForeground {
		position:absolute; top:50%; left:50%; margin-top:-285px; margin-left:-285px; z-index:41;
		width:570px; height:570px; background-color:#FFFFFF; border:2px solid #EAEDF1;
	}
	#signUpCompletedMessage {
		position:absolute; top:180px; right:50px; bottom:0; left:50px;
		text-align:center; font-size:1.2em;
		}
		#signUpCompletedMessage div.green { font-weight:bold; color:#009D46; }
		#signUpCompletedMessage div {
			margin-bottom:20px; font-size:1.2em; line-height:1.5em;
	}
	#signUpBox { position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; }
	#signUp1Header {
		padding-bottom:7px; margin:35px 30px 20px 30px; 
		font-size:1.6em; font-weight:bold; color:#808285; text-align:left;
		border-bottom:2px solid #EAEDF1;
	}
	#signUp1 { margin-bottom:80px; }
	#signUp2Header {
		padding-bottom:7px; margin:10px 30px 20px 30px; 
		font-size:1.6em; font-weight:bold; color:#808285; text-align:left;
		border-bottom:2px solid #EAEDF1;
	}
	#signUp2 {
			margin:20px 0 10px 0;
		}
		#noFakeEmailsPlease { margin:5px 0 20px 135px; text-align:left; }
		#signUp2 .row {
			margin:10px 0 2px 30px; overflow:hidden; text-align:left;
			}
			#signUp2 .label { float:left; margin-top:6px; width:105px; height:30px; font-size:1.2em; }
			#signUp2 .label2 { float:left; width:105px; height:36px; font-size:1.2em; line-height:1.0em; }
			#signUp2 .field { float:left; width:240px; height:36px; }
			#signUp2 input[type="text"], #signUp2 input[type="password"] {
				padding:3px; width:100%; height:100%; border:2px solid #D1D3D4;
				box-sizing:border-box; -moz-box-sizing:border-box; font-size:1.0em; color:#58595B;
			}
			#signUp2 .message {
				float:left; margin:10px 0 0 10px; width:170px; height:26px; font-size:0.9em;
		}
		#signUp2 .checking { background:url('assets/user_checking.gif') left no-repeat; }
		#signUp2 .failed input[type="text"], #signUp2 .failed input[type="password"] {
			border:2px solid #CE0018; background-color:#F5CCD1;
		}
		#signUp2 .failed .message { color:#CE0018; }
		#signUp2 .passed input[type="text"], #signUp2 .passed input[type="password"] {
			border:2px solid #009D46; background-color:#CCEBDA;
		}
		#signUp2 .passed .message { color:#009D46;
	}
	#signUpView input[type="button"], #signUpView input[type="submit"] {
		margin:12px 8px 0 8px; width:120px; height:35px; font-size:1.2em;
		border:0; border-radius:3px;
}

#profileView {
	position:fixed; top:35px; right:30px; width:330px; height:320px; z-index:39;
	background:url('assets/user_popover.png') center no-repeat; text-align:center; color:#58595B;
	}
	#profileOptionBox {
		position:absolute; top:85px; left:30px; bottom:5px; right:30px;
		}
		#profileOptionBox.usingFacebook { top:127px !important; }
		#profileOptionBox input[type="button"] {
			display:inline-block; width:200px; height:35px; font-size:1.0em;
			border:0; border-radius:5px;
		}
		#profileOptionBox .button-action { margin-bottom:10px; }
		#profileOptionBox .button-normal { margin-top:10px;
	}
	#profileChangeSuccessMessage {
		position:absolute; top:140px; left:20px; bottom:5px; right:30px;
	}
	#profileChangeNameBox {
		position:absolute; top:105px; left:30px; bottom:5px; right:30px; overflow:hidden;
		}
		#profileChangeNameBox .label {
			float:left; margin-top:8px; width:90px; height:22px;
			text-align:left; font-size:1.0em;
		}
		#profileChangeNameBox .plaintext {
			float:left; margin-top:8px; width:180px; height:22px; text-align:left;
	}
	#profileChangePasswordBox {
		position:absolute; top:80px; left:30px; bottom:5px; right:30px; overflow:hidden;
		}
		#profileView .label {
			float:left; width:90px; height:30px; text-align:left; font-size:0.8em;
	}
	#profileView .row { overflow:hidden; }
	#profileView .field { float:left; width:180px; height:30px; }
	#profileView .message { margin:5px 0 0 0; height:26px; font-size:0.8em; }
	#profileView .checking { background:#FFFFFF url('assets/user_checking.gif') center no-repeat; }
	#profileView .failed input[type="text"], #profileView .failed input[type="password"] {
		border:2px solid #CE0018; background-color:#F5CCD1;
	}
	#profileView .failed .message { color:#CE0018; }
	#profileView .passed input[type="text"], #profileView .passed input[type="password"] {
		border:2px solid #009D46; background-color:#CCEBDA;
	}
	#profileView .passed .message { color:#009D46; }
	#profileView input[type="text"], #profileView input[type="password"] {
		padding:2px; width:100%; height:100%; border:2px solid #D1D3D4;
		box-sizing:border-box; -moz-box-sizing:border-box; font-size:0.9em; color:#58595B;
	}

	#profileChangeSuccessMessage input[type="button"],
		#profileChangeNameBox input[type="button"], #profileChangeNameBox input[type="submit"],
		#profileChangePasswordBox input[type="button"], #profileChangePasswordBox input[type="submit"] {
		margin:15px 5px 5px 5px; width:90px; height:30px; font-size:0.9em;
		border:0; border-radius:3px;
}

